require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/News.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout, Menu, Input,Button,Tabs} from 'antd';

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'
let In8 = require('../sources/in8/zh_cn');

const  news_2_msg = In8.News_2.news_2_msg; //`人机小能手？《圣域三国》副本BOSS战小技巧`;
const  news_2_h2_1 = In8.News_2.news_2_h2_1; // `技能时机的思考`;
const  news_2_h2_2 = In8.News_2.news_2_h2_2; // `特殊敌人特殊套路`;

const  news_2_msg_1 = In8.News_2.news_2_msg_1; // `副本战斗是《圣域三国》玩家的日常战斗之一，不同于PVP的战斗，你需要面对众多副本的各色野怪以及各显神通的副本BOSS。而作为主要玩法之一，副本玩法难度并不低于PVP，是一个需要技巧和时间的独立战斗体系。我们今天就来探讨一下副本战斗中的那些小技巧，希望能对大家有所帮助。`;
const  news_2_msg_2 = In8.News_2.news_2_msg_2;
// `有些童鞋觉得，反正BOSS皮糙肉厚，玩家的技能多多益善早用早CD，而事实情况真是如此吗？其实说技能对BOSS随意使用并不准确，至少对一部分技能来讲并不合适，比如控制技能。为了解其中因由我们首先来看下BOSS技能的释放规律，一般情况下BOSS的重要技能都会在一句台词之后释放，而往往这些BOSS技能都是大杀器，我们预留的控制技能就是来应对这些大杀器所用。
//举例来说，在地精发掘场这个地图的最后一个BOSS恐怖机甲，它有一个导弹技能会直接攻击玩家后排，而此时刚达到25级的玩家团队装备还未成型，后排脆皮更是难以承受如此打击。于是我们需要在BOSS发出它的宣言“远程导弹，专打最远”之后马上交出控制技能打断BOSS的技能引导，这之后BOSS将会跳这轮技能，直接开始下面的战斗，我们的后排避免这次致命打击。`;
const  news_2_msg_3 = In8.News_2.news_2_msg_3; // `掌握了技能的释放只能说是副本新手，要进一步提升副本技术就需要更多的战斗经验，在我们初次进入某副本时，经常被副本的小套路小陷阱坑害，而随着该副本经历的丰富，我们就会渐渐找到其中的门道，然后成为这个副本的资深玩家。而作为副本的看门人，BOSS们所拥有的套路就更加凶险了，我们需要更加细心的发现这些隐秘的暗线。`;
const  news_2_msg_4 = In8.News_2.news_2_msg_4; // `例如克罗诺斯之城的套路就十分典型，这张地图不允许玩家使用治疗，所以组队的时候就不要带修士了，绝对的团战毒药，搞不好还会团灭。克罗诺斯之城的第二个BOSS格雷姆斯是一个非常危险的家伙，并不是指它的攻击多么逆天，而是他的两个BUFF让人难以防范。一个物理反弹一个魔法反弹，如果不看状态乱打，我们的所有攻击都会变成七伤拳，脆皮的后排更是会被自己击杀。所以我们需要统一指挥并看状态输出，不能应为BOSS低血量就自乱阵脚。
// 对《圣域三国》玩家而言，熟悉副本战斗是自身成长的基础，副本是众多材料的来源，掌握了不错的副本战斗技巧可以使我们成长快人一步，在将来的国战中大杀四方，展现我们的风采！`;

const img_news_1 = require("../img/news/news1.jpg");
const img_news_2 = require("../img/news/news2.jpg");
const img_news_3 = require("../img/news/news3.jpg");


  class News_2 extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
    console.log("this.props",this.props);
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>

        <Content style={{minHeight: '750px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col  span={12} style={{backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'600px'}} >
              <h2 className={styles.News_1_head}>
                <b>{news_2_msg}</b>
              </h2>
              <div className={styles.news_info}>
                  <p>{news_2_msg_1}</p>
                   <img src={img_news_1} alt=""/>
                <h2>{news_2_h2_1}</h2>
                <p>{news_2_msg_2}</p>
                <img src={img_news_2} alt=""/>

                <h2>{news_2_h2_2}</h2>
                <p>{news_2_msg_3}</p>
                <img src={img_news_3} alt=""/>
                <p>{news_2_msg_4}</p>
              </div>

            </Col>
          </Row>

        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(News_2);
//News.defaultProps =  Form.create()(News);;

//export default News;
